import { defineConfig } from 'vite';
import vue from '@vitejs/plugin-vue';
import path from 'path';

// https://vite.dev/config/
export default defineConfig({
  plugins: [vue()],
  // 基础路径，部署到子目录时使用，例如 '/my-app/'
  base: '/',

  // 开发服务器配置
  server: {
    port: 3030, // 开发服务器端口
    open: true, // 启动时自动打开浏览器
    proxy: {
      // 代理配置
      '/api': {
        target: 'http://localhost:8080',
        changeOrigin: true,
        rewrite: path => path.replace(/^\/api/, ''),
      },
    },
  },

  // 解析配置
  resolve: {
    // 路径别名配置
    alias: {
      '@': path.resolve(__dirname, 'src'), // 设置 @ 指向 src 目录
      '@components': path.resolve(__dirname, 'src/components'), // 添加常用目录别名
      '@utils': path.resolve(__dirname, 'src/utils'),
      '@assets': path.resolve(__dirname, 'src/assets'),
      '@store': path.resolve(__dirname, 'src/store'),
      '@styles': path.resolve(__dirname, 'src/styles'),
      '@views': path.resolve(__dirname, 'src/views'),
    },
    // 导入时可省略的扩展名
    extensions: ['.js', '.ts', '.vue', '.json', '.scss', '.css'],
  },
});
